<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
			$.ajax()：自定义任何需求
			$.get(url, fn)：指定是get请求。用于传参比较，主要获取内容
				url：
					相比路径写法，data.json
					服务器地址写法
						协议+ip:端口号/接口名称
						协议：http://
						ip：找电脑的
							本机：localhost、127.0.0.1、本机的实际ip（192.168.1.138）
						端口：找电脑上的程序的，一个程序对应一个端口
						接口名称：找程序上的方法
						访问本地：http://localhost:8080/postdemo
								 http://127.0.0.1:8080/postdemo
								 http://192.168.1.138:8080/postdemo：允许局域网访问
			ost(url, data, fn)：指定了是post请求，主要用于传参到后台，获取内容
			网络请求的状态
			200：表示成功
			404：页面找不到
			4XX：表示浏览端的问题
			5XX：表示服务端的问题
		 -->
		<script src="../js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			/*
				result：响应的内容。一般都是json格式的字符串。没有做JSON.parse()处理
				suc：请求是否成功的文字信息
				response：整个响应对象
			*/
			$.get("data.json", function(result, suc, response) {
				console.log(result, suc, response);
			});
			$.get("http://localhost:8080/demo?account=haha&password=123", function(result, suc, response) {
				console.log(result, suc, response); 
			});
			//错误演示
			// $.get("http://localhost:8080/postdemo", function(result, suc, response) {
			// 	console.log(result, suc, response);
			// });
			//错误演示
			// $.get("http://192.192.1.1:8080/data111.json", function(a, b, c, d, e) {
			// 	console.log(a, b, c, d, e);
			// });
			$.post("http://localhost:8080/postdemo", {
				account: "hehe",
				password: "123"
			}, function(result, suc, response) {
				console.log(result, suc, response); 
				console.log(typeof result);
				let json = JSON.parse(result);
				console.log(json);
			});
			//练习ajax，请求本地json文件、192.168.1.138服务器的get请求和post请求
			//并且将post的返回结果显示在table上
		</script>
	</body>
</html>
